@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color: #9a9898;

}
/* 面包屑导航切片 */
main{
	width: 100%;
	height: 7000px;
	border: 1px solid red;
	backgr ound-color: #ffaaff;
}
nav#wrapper2{
	width: 1531px;
	height: 70px;/* 考虑：主体、页尾占宽度+高度 */
	background-color: #ffff00;
		/* 居中 */
	margin: 0 auto;
	padding: 20px;
	
}

/* 图片定位 宽高 */
nav#wrapper2 div.art{
	bord er: 1px solid red;
	width: 431px;
	height: 70px;
	float: left;
	margin: 0 auto;
	background-color: #0000ff;
}
nav#wrapper2 div.art ul li{
	float: right;
   
}

nav#wrapper2 div.left2{
	width: 620px;
	height: 70px;
	background-color: #00ffff;
	float: left;
}
nav#wrapper2 div.left2 ul li{
	bor der: 1px solid red;
	float: left;
	line-height: 70px;
}
nav#wrapper2 div.left2 ul li a{
	bord er-right: 1px solid #424242;
	line-height: 70px;
	padding: 0 10px;
	font-size: 18px;
}


/* 右侧区域 */
nav#wrapper2 div.right2{
	width: 265px;
	height: 70px;
	backgrou nd-color: #00aaff;
	float: right;
	border: 1px solid #fff;
}
nav#wrapper2 div.right2 ul li{
	border: 1px solid #fff;
	float: right;
	line-height: 70px;
	padding: 0 5px;
}
nav#wrapper2 div.right2 span{
	border: 1px solid #fff;
	float: right;
	line-height: 40px;
	padding: 0 5px;
	background-color: aliceblue;
	cursor: text;
	margin-top: 13px;
}
nav#wrapper2 div.right2 span.{
	font-size: 2em;
	color: #ababab;
	width: 100px;
	;
}

/*section不能统一设置，需要单独设置，根据楼层
section+id别名  一共有9层
*/
div#nav_left_container{
	margin: 0 auto;
	width: 1535px;
	height: 535px;
	border: 1px solid red;
	}
/* 左栏 */
div#nav_left_container article.sidebar{
	width: 275px;
	height: 535px;
	float: left;
	background-color: #ffaaff;
}


/* 2.左栏效果：列表项：颜色、垂直居中 、相对定位【钩点位】*/
div#nav_left_container article ul.sidebar2 li{
	bor der: 1px solid red;
	color: #fff;
	height: 50px;
	line-height: 60px;
	text-align: left;
	position: relative;
	padding-left: 10px;
}
/* 2.鼠标移动左栏、产品区：悬停效果：背景颜色 */
div#nav_left_container article ul.sidebar2 li:hover{
	background-color: #ff5500;
}
/* 3.左栏弹出 ：使用绝对定位【钩子】*/
div#nav_left_container article ul.sidebar2 div.outer{
	position: absolute;
	width: 500px;
	height: 600px;
	border: 1px solid red;
	left: 235px;
	/* 显示与隐藏 */
	display: block;
	z-index: 999;
}




/* 轮播图 */
div#nav_left_container figure.lunbo{
	borde r: 1px solid red;
	background-color: #ff00ff;
	width: 1239px;
	height: 535px;
	float: right;
	
}
/* 第一行图片 */
section#f1{
	
	width: 1535px;
	height: 212px;
	margin: 0 auto;
	margin-top: 20px;
}
section#f1 div.x img.x1{
	margin-left: 11px;
	bo rder: 1px solid blue;
	width: 395px;
	height: 212px;
}
section#f1 div.x img.x2{
	bor der: 1px solid blue;
	width: px;
	height: 212px;
}	
section#f1 div.x img:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
	
}

/* 小米明星单品 */
section#f2{
	border: 1px solid red;
	width: 1535px;
	height: 572px;
	background: #ffffff 000;
	margin: auto;
	margin-top: 10px;
	
}
section#f2 div.x3 p{
	font-size: 30px;
	margin-top: 20px;
	margin-left: 8px;
}
section#f2 dl.t1{
	background-color: #f8f8f8;
	width: 289px;
	height: 426px;
	flo at: right;
	border-top: 1px solid #ffaa00;
	
}
section#f2 dl.t1 img{
	padding: 99px;
}
section#f2 dl.t1 dt.w1{
	font-size: 17px;
	color: #000000;
	margin-top: 5px;
	margin-left: 64px;
}	
section#f2 dl.t1 dt.w2{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 64px;
	margin-left: 9px;
	padding: 7px;
}	
section#f2 dl.t1 dd.w3{
	color: #fe6709;
	margin-left: 127px;
	margin-top: 20px;
}
section#f2 dl.t2{
	background-color: #f8f8f8;
	width: 289px;
	height: 426px;
	border-top: 1px solid #00ffff;
}
section#f2 dl.t2 img{
	padding: 99px;
}
section#f2 dl.t2 dt.j1{
	font-size: 17px;
	color: #000000;
	margin-top: -47px;
	margin-left: 69px;
}	
section#f2 dl.t2 dd.j2{
	font-size: 17px;
	margin-top: 2px;
	margin-left: 73px;
    padding: 7px;
}
section#f2 dl.t2 dd.j3{
	color: #fe6709;
	margin-left: 117px;
	margin-top: 20px;
}
section#f2 dl.t3{
	background-color: #f8f8f8;
	width: 289px;
	height: 426px;
	border-top: 1px solid #ffff00;
}
section#f2 dl.t3 img{
	padding: 81px;
	margin-top: 30px;
}
section#f2 dl.t3 dt.j4{
	font-size: 17px;
	color: #000000;
	margin-top: 54px;
	margin-left: 86px;
}	
section#f2 dl.t3 dd.j5{
	font-size: 17px;
	margin-top: 12px;
	margin-left: 21px;
    padding: 7px;
}
section#f2 dl.t3 dd.j6{
	color: #fe6709;
	margin-left: 127px;
	margin-top: 20px;
}


section#f2 dl.t4{
	background-color: #f8f8f8;
	width: 289px;
	height: 426px;
	border-top: 1px solid #00ff7f;
}
section#f2 dl.t4 img{
	padding: 99px;
}
section#f2 dl.t4 dt.j7{
	font-size: 17px;
	color: #000000;
	margin-top: -49px;
	margin-left: 100px;
}	
section#f2 dl.t4 dd.j8{
	font-size: 17px;
	margin-top: 10px;
	margin-left: 64px;
    padding: 7px;
}
section#f2 dl.t4 dd.j9{
	color: #fe6709;
	margin-left: 135px;
	margin-top: 20px;
}
section#f2 dl.t5{
	background-color: #f8f8f8;
	width: 289px;
	height: 426px;
	border-top: 1px solid #ffaa00;
}
section#f2 dl.t5 img{
	padding: 99px;
}
section#f2 dl.t5 dt.z1{
	font-size: 17px;
	color: #000000;
	margin-top: -47px;
	margin-left: 81px;
}	
section#f2 dl.t5 dd.z2{
	font-size: 17px;
	margin-top: 2px;
	margin-left: 18px;
    padding: 7px;
}
section#f2 dl.t5 dd.z3{
	color: #fe6709;
	margin-left: 131px;
	margin-top: 20px;
}
dl.t1,dl.t2,dl.t3,dl.t4,dl.t5{
	float: left;
	margin-left: 15px;
}
section#f2 div.x4 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}
/* 大标题 */
section#f3 div.x5 p{
	font-size: 30px;
	margin-top: 20px;
	margin-left: 20px;
}

section#f3 dl.m1 dd.w13{
	color: #0000ff;
	margin-left: 108px;
	margin-top: 44px;
	font-size: 30px;
}
section#f3{
	border: 1px solid red;
	width: 1535px;
	height: 921px;
	backgr ound: #aa007f;
	margin: auto;
}
/* 智能硬件区 */
section#f3 dl.m1{
	background-color: #005500;
	width: 292px;
	height: 764px;
	
}
section#f3 dl.m1 img{
	width: 292px;
	height: 764px;
}
section#f3 dl.m1 dt.w11{
	font-size: 23px;
	color: #000000;
	margin-top: -696px;
	margin-left: 53px;
}
section#f3 dl.m1 dd.w12{
	font-size: 16px;
	margin-top: 4px;
	margin-left: 44px;
	padding: 7px;
}
section#f3 dl.m1 dd.w13{
	color: #0000ff;
	margin-left: 108px;
	margin-top: 44px;
	font-size: 30px;
}


section#f3 dl.m2{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f3 dl.m2 img{
	padding: 94px;
}
section#f3 dl.m2 dt.w14{
	font-size: 17px;
	color: #000000; 
	margin-top: -49px;
	margin-left: 114px;
}
section#f3 dl.m2 dd.w15{
	margin-top: 38px;
	margin-left: 34px;
}
section#f3 dl.m2 dd.w16{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 35px;
	font-size: 27px;
	}
section#f3 dl.m3{
	background-color:#f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f3 dl.m3 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m3 dt.w17{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 104px;
}
section#f3 dl.m3 dd.w18{
	font-size: 16px;
	margin-top: 4px;
	margin-left: 44px;
	padding: 7px;
}
section#f3 dl.m3 dd.w19{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}
section#f3 dl.m4{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
}
section#f3 dl.m4 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m4 dt.w20{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 94px;
}
section#f3 dl.m4 dd.w21{
	font-size: 16px;
	margin-top: 4px;
    margin-left: 63px;
	padding: 7px;
}
section#f3 dl.m4 dd.w22{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}
section#f3 dl.m5{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
}
section#f3 dl.m5 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m5 dt.w23{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 94px;
}
section#f3 dl.m5 dd.w24{
	font-size: 16px;
	margin-top: 4px;
    margin-left: 23px;
	padding: 7px;
}
section#f3 dl.m5 dd.w25{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}
section#f3 dl.m6{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
}
section#f3 dl.m6 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m6 dt.w26{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 94px;
}
section#f3 dl.m6 dd.w27{
	font-size: 16px;
	margin-top: 4px;
    margin-left: 39px;
	padding: 7px;
}
section#f3 dl.m6 dd.w28{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}
section#f3 dl.m7{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
}
section#f3 dl.m7 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m7 dt.w30{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 75px;
}
section#f3 dl.m7 dd.w31{
	font-size: 16px;
	margin-top: 4px;
    margin-left: 75px;
	padding: 7px;
}
section#f3 dl.m7 dd.w32{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}
section#f3 dl.m8{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
}
section#f3 dl.m8 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m8 dt.w33{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 56px;
}
section#f3 dl.m8 dd.w34{
	font-size: 16px;
	margin-top: 4px;
    margin-left: 47px;
	padding: 7px;
}
section#f3 dl.m8 dd.w35{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}
section#f3 dl.m9{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
}
section#f3 dl.m9 img{
	padding: 69px;
	margin-top: -41px;
	
}
section#f3 dl.m9 dt.w36{
	font-size: 17px;
	color: #000000; 
	margin-top: -51px;
	margin-left: 84px;
}
section#f3 dl.m9 dd.w37{
	font-size: 16px;
	margin-top: 4px;
    margin-left: 19px;
	padding: 7px;
}
section#f3 dl.m9 dd.w38{
	color: #ffaa00;
	margin-left: 128px;
	margin-top: 25px;
	font-size: 19px;
	}


dl.m1,dl.m2,dl.m3,dl.m4,dl.m5,dl.m6,dl.m7,dl.m8,dl.m9{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
section#f3 div.a1 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}
/*问题1：section元素在主体页面中会有多次，不可以直接设置section元素
        他们之间只有宽度一致，高度都不一致，所以需要section+id别名
		区分开来
问题2：切片没做好		
*/
/* 搭配区 */
section#f4{
	width: 1535px;
	height: 950px;
	border: 1px solid red;
	margin: 0 auto;
}
section#f4 div.x6{
	width: 100%;
	height: 100px;
}
section#f4 div.x6 p{
	font-size: 30px;
	margin-top: 30px;
	margin-left: 20px;
	heig ht: 100px;
	width: 200px;
	float: left;
}
section#f4 div.x6 ul li{
	float: right;
	border: 1px solid #fff;
	font-size: 18px;
	line-height: 100px;
	padding: 0 6px;
}
section#f4 div.x6 ul li:hover{
	color: #ffaa00;
}
section#f4  div.a2 dl.r1{
	background-color: #00ff00;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r1 img{
     width: 292px;
     	height: 374px;
}



section#f4 dl.r2{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r2 img{
	padding: 114px;
	margin-top: -41px;
}
section#f4 dl.r2 dt.y4{
	font-size: 18px;
	color: #000000;
	margin-top: -86px;
	margin-left: 98px;
}
section#f4 dl.r2 dt.y5{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 44px;
}
section#f4 dl.r2 dd.y6{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 111px;
	color: #ffaa00;
}

section#f4 dl.r3{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r3 img{
	padding: 71px;
	margin-top: -10px;
}
section#f4 dl.r3 dt.y7{
	font-size: 18px;
	color: #000000;
	margin-top: -62px;
	margin-left: 89px;
}
section#f4 dl.r3 dt.y8{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 61px;
}
section#f4 dl.r3 dd.y9{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 138px;
	color: #ffaa00;
}


section#f4 dl.r4{
	background-color:#f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r4 img{
	padding: 71px;
	margin-top: -10px;
}
section#f4 dl.r4 dt.y10{
	font-size: 18px;
	color: #000000;
	margin-top: -62px;
	margin-left: 89px;
}
section#f4 dl.r4 dt.y11{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 26px;
}
section#f4 dl.r4 dd.y12{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 138px;
	color: #ffaa00;
}

section#f4 dl.r5{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r5 img{
	padding: 71px;
	margin-top: -10px;
}
section#f4 dl.r5 dt.y13{
	font-size: 18px;
	color: #000000;
	margin-top: -62px;
	margin-left: 89px;
}
section#f4 dl.r5 dt.y14{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 54px;
}
section#f4 dl.r5 dd.y15{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 138px;
	color: #ffaa00;
}
section#f4 dl.r6{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r6 img{
    width: 292px;
    height: 374px;
}
section#f4 dl.r7{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r7 img{
	padding: 95px;
	margin-top: -32px;
}
section#f4 dl.r7 dt.y16{
	font-size: 18px;
	color: #000000;
	margin-top: -70px;
	margin-left: 74px;
}
section#f4 dl.r7 dt.y17{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 38px;
}
section#f4 dl.r7 dd.y18{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 129px;
	color: #ffaa00;
}

	
section#f4 dl.r8{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f4 dl.r8 img{
	padding: 95px;
	margin-top: -32px;
}
section#f4 dl.r8 dt.y21{
	font-size: 18px;
	color: #000000;
	margin-top: -70px;
	margin-left: 74px;
}
section#f4 dl.r8 dt.y22{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 38px;
}
section#f4 dl.r8 dd.y23{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 129px;
	color: #ffaa00;
}
section#f4 dl.r9{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}

section#f4 dl.r9 img{
	padding: 71px;
	margin-top: 39px;
}
section#f4 dl.r9 dt.y24{
	font-size: 18px;
	color: #000000;
	margin-top: -70px;
	margin-left: 74px;
}
section#f4 dl.r9 dt.y25{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 38px;
}
section#f4 dl.r9 dd.y26{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 129px;
	color: #ffaa00;
}
section#f4 dl.r10{
	background-color:#f8f8f8;
	width: 292px;
	height: 181px;
	
}
section#f4 dl.r10 img{
	padding: 150px;
	margin-top: -135px;
}
section#f4 dl.r10 dt.y27{
	font-size: 18px;
	color: #000000;
	margin-top: -265px;
	margin-left: 53px;
}
section#f4 dl.r10 dt.y28{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 38px;
}
section#f4 dl.r11{
	background-color: #f8f8f8;
	width: 292px;
	height: 181px;
	
}
section#f4 dl.r11 img{
	padding: 150px;
	margin-top: -25px;
}
section#f4 dl.r11 dt.y30{
	font-size: 18px;
	color: #000000;
	margin-top: -265px;
	margin-left: 53px;
}
section#f4 dl.r11 dt.y31{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 38px;
}
dl.r1,dl.r2,dl.r3,dl.r4,dl.r5,dl.r6,dl.r7,dl.r8,dl.r9,dl.r10,dl.r11{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
section#f4 div.a2 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}

/* 周边 */
section#f5{
	width: 1535px;
	height: 882px;
	border: 1px solid red;
	margin: 0 auto;
}
section#f5 div.x7{
	width: 100%;
	height: 100px;
}
section#f5 div.x7 p{
	
	font-size: 30px;
	margin-top: 30px;
	margin-left: 20px;
	heig ht: 100px;
	width: 200px;
	float: left;
}
section#f5 div.x7 ul li{
	float: right;
	border: 1px solid #fff;
	font-size: 18px;
	line-height: 100px;
	padding: 0 6px;
}
section#f5 div.x7 ul li:hover{
	color: #ffaa00;
}
section#f5 dl.b1{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b1 img{
	width: 292px;
	height: 374px;
}
section#f5 dl.b2{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b2 img{
	padding: 68px;
	margin-top: 2px;
}
section#f5 dl.b2 dt.zz1{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b2 dd.zz2{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 129px;
	color: #ffaa00;
}
section#f5 dl.b2 dd.zz3{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b3{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b3 img{
	padding: 68px;
	margin-top: -33px;
}
section#f5 dl.b3 dt.zz4{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b3 dd.zz5{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b3 dd.zz6{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b4{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b4 img{
	padding: 68px;
	margin-top: -33px;
}
section#f5 dl.b4 dt.zz7{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b4 dd.zz8{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b4 dd.zz9{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b5{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b5 img{
	padding: 68px;
	margin-top: -33px;
}
section#f5 dl.b5 dt.zz11{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b5 dd.zz12{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b5 dd.zz13{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b6{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b6 img{
	width: 292px;
	height: 374px;
}
section#f5 dl.b7{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b7 img{
	padding: 68px;
	margin-top: -33px;
}
section#f5 dl.b7 dt.zz14{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b7 dd.zz15{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b7 dd.zz16{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b8{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b8 img{
	padding: 82px;
	margin-top: -54px;
}
section#f5 dl.b8 dt.zz17{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b8 dd.zz18{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b8 dd.zz19{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b9{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b9 img{
	padding: 82px;
	margin-top: -54px;
}
section#f5 dl.b9 dt.zz21{
	font-size: 20px;
	color: #000000;
	margin-top: -43px;
	margin-left: 74px;
}
section#f5 dl.b9 dd.zz22{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b9 dd.zz23{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f5 dl.b10{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f5 dl.b10 img{
	padding: 33px;
	margin-top: 6px;
	}
section#f5 dl.b10 dt.zz24{
	font-size: 20px;
	color: #000000;
	margin-top: -3px;
	margin-left: 74px;
}
section#f5 dl.b10 dd.zz25{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f5 dl.b10 dd.zz26{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
dl.b1,dl.b2,dl.b3,dl.b4,dl.b5,dl.b6,dl.b7,dl.b8,dl.b9,dl.b10{
	float: left;
	margin-left: 12px;
	margin-top: 5px;
}
section#f5 div.a3 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}

/* 配件 */ 
section#f6{
	width: 1535px;
	height: 887px;
	border: 1px solid red;
	margin: 0 auto;
}
section#f6 div.x8{
	width: 100%;
	height: 100px;
}
section#f6 div.x8 p{
	
	font-size: 30px;
	margin-top: 30px;
	margin-left: 20px;
	heig ht: 100px;
	width: 200px;
	float: left;
}
section#f6 div.x8 ul li{
	float: right;
	border: 1px solid #fff;
	font-size: 18px;
	line-height: 100px;
	padding: 0 6px;
}
section#f6 div.x8 ul li:hover{
	color: #ffaa00;
}
section#f6 dl.m1{
	background-color: #ffff7f;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m1 img{
	width: 292px;
	height: 374px;
}
section#f6 dl.m2{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m2 img{
	padding: 130px;
	margin-top: -71px;
}
section#f6 dl.m2 dt.qq1{
	font-size: 20px;
	color: #000000;
	margin-top: -81px;
	margin-left: 89px;
}
section#f6 dl.m2 dd.qq2{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m2 dd.qq3{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m3{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m3 img{
	padding: 98px;
	margin-top: -44px;
}
section#f6 dl.m3 dt.qq4{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m3 dd.qq5{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m3 dd.qq6{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m4{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m4 img{
	padding: 98px;
	margin-top: -44px;
}
section#f6 dl.m4 dt.qq7{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m4 dd.qq8{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m4 dd.qq9{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m5{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m5 img{
	padding: 98px;
	margin-top: -54px;
}
section#f6 dl.m5 dt.qq11{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m5 dd.qq12{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m5 dd.qq13{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m6{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m6 img{
	width: 292px;
	height: 374px;
}

section#f6 dl.m7{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m7 img{
	padding: 98px;
	margin-top: -54px;
}
section#f6 dl.m7 dt.qq14{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m7 dd.qq15{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m7 dd.qq16{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m8{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m8 img{
	padding: 98px;
	margin-top: -54px;
}
section#f6 dl.m8 dt.qq17{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m8 dd.qq18{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m8 dd.qq19{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m9{
	background-color: #f8f8f8;
	width: 292px;
	height: 374px;
	
}
section#f6 dl.m9 img{
	padding: 98px;
	margin-top: -54px;
}
section#f6 dl.m9 dt.qq21{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m9 dd.qq22{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m9 dd.qq23{
	font-size: 17px;
	margin-top: 15px;
	margin-left: 100px;
}
section#f6 dl.m10{
	background-color: #f9f9f9;
	width: 292px;
	height: 181px;
	
}
section#f6 dl.m10 img{
	padding: 56px;
	margin-top: -54px;
}
section#f6 dl.m10 dd.qq24{
	font-size: 20px;
	color: #000000;
	margin-top: -55px;
	margin-left: 76px;
}
section#f6 dl.m10 dd.qq25{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #ffaa00;
}
section#f6 dl.m11{
	background-color: #f8f8f8;
	width: 292px;
	height: 181px;
	
}
section#f6 dl.m11 img{
	padding: 197px;
	margin-top: -159px;
}

section#f6 dl.m11 dt.qq26{
	font-size: 20px;
	color: #000000;
	margin-top: -281px;
	margin-left: 76px;
}
section#f6 dl.m11 dd.qq27{
	font-size: 17px;
	margin-top: 21px;
	margin-left: 115px;
	color: #909090;
}
dl.m1,dl.m2,dl.m3,dl.m4,dl.m5,dl.m6,dl.m7,dl.m8,dl.m9,dl.m10,dl.m11{
	float: left;
	margin-left: 12px;
	margin-top: 5px;
}
section#f6 div.a4 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}

/* 热评产品 */
 section#f7{
	width: 1535px;
	height: 700px;
	border: 1px solid red;
	margin: 0 auto;
}
section#f7 div.x9 p{
	
	font-size: 30px;
	margin-top: 30px;
	margin-left: 20px;
	heig ht: 100px;
	width: 200px;
	
}
section#f7 dl.v1{
	background-color: #f9f9f9;
	width: 371px;
	height: 525px;
	
}
section#f7 dl.v1 img{
	width: 371px;
	height: 275px;
}
section#f7 dl.v1 dt.h1{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 20px;
	color: #000;
}
section#f7 dl.v1 dd.h2{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 15px;
}
section#f7 dl.v1 dd.h3{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 18px;
	color: #000;
	border-right: 1px solid #000;
	bor der: 1px solid red;
	width: 125px;
}
section#f7 dl.v1 dd.h4{
	font-size: 17px;
	margin-top: -24px;
	margin-left: 164px;
	color: #ffaa00;
}
section#f7 dl.v2{
	background-color: #f9f9f9;
	width: 371px;
	height: 525px;
	
}
section#f7 dl.v2 img{
	width: 371px;
	height: 275px;
}
section#f7 dl.v2 dt.h5{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 20px;
	color: #000;
}
section#f7 dl.v2 dd.h6{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 15px;
}
section#f7 dl.v2 dd.h7{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 18px;
	color: #000;
	border-right: 1px solid #000;
	bor der: 1px solid red;
	width: 125px;
}
section#f7 dl.v2 dd.h8{
	font-size: 17px;
	margin-top: -24px;
	margin-left: 164px;
	color: #ffaa00;
}
section#f7 dl.v3{
	background-color: #f9f9f9;
	width: 371px;
	height: 525px;
	
}
section#f7 dl.v3 img{
	width: 371px;
	height: 275px;
}
section#f7 dl.v3 dt.h11{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 20px;
	color: #000;
}
section#f7 dl.v3 dd.h12{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 15px;
}
section#f7 dl.v3 dd.h13{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 18px;
	color: #000;
	border-right: 1px solid #000;
	bor der: 1px solid red;
	width: 125px;
}
section#f7 dl.v3 dd.h14{
	font-size: 17px;
	margin-top: -24px;
	margin-left: 164px;
	color: #ffaa00;
}
section#f7 dl.v4{
	background-color: #f9f9f9;
	width: 371px;
	height: 525px;
	
}
section#f7 dl.v4 img{
	width: 371px;
	height: 275px;
}
section#f7 dl.v4 dt.h15{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 20px;
	color: #000;
}
section#f7 dl.v4 dd.h16{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 15px;
}
section#f7 dl.v4 dd.h17{
	margin-top: 48px;
	margin-left: 21px;
	font-size: 18px;
	color: #000;
	border-right: 1px solid #000;
	bor der: 1px solid red;
	width: 200px;
}
section#f7 dl.v4 dd.h18{
	font-size: 17px;
	margin-top: -23px;
	margin-left: 239px;
	color: #ffaa00;
}
dl.v1,dl.v2,dl.v3,dl.v4{
	float: left;
	margin-top: 54px;
	margin-left: 12px;
}
section#f7 div.a5 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}
/* 内容 */ 
section#f8{
	width: 1535px;
	height: 660px;
	border: 1px solid red;
	margin: 0 auto;
}
section#f8 div.x10 p{
	
	font-size: 30px;
	margin-top: 20px;
	margin-left: 20px;
	heig ht: 100px;
	width: 200px;
	
}
section#f8 dl.g1{
	background-color: #f9f9f9;
	width: 370px;
	height: 530px;
	
}
section#f8 dl.g1 img{
	padding: 303px;
	margin-left: -164px;
}
section#f8 dl.g1 dt.i1{
	color: #ffaa00;
	margin-top: -653px;
	margin-left: 161px;
	font-size: 25px;
}
section#f8 dl.g1 dd.i2{
	font-size: 23px;
	margin-top: 30px;
	margin-left: 100px;
	color: #000;
}
section#f8 dl.g1 dd.i3{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 46px;
	
}
section#f8 dl.g1 dd.i4{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 156px;
	color: #000;
}
section#f8 dl.g2{
	background-color: #f9f9f9;
	width: 370px;
	height: 530px;
	
}
section#f8 dl.g2 img{
	padding: 303px;
	margin-left: -164px;
}
section#f8 dl.g2 dt.i5{
	color: #00ffff;
	margin-top: -669px;
	margin-left: 161px;
	font-size: 25px;
}
section#f8 dl.g2 dd.i6{
	font-size: 23px;
	margin-top: 30px;
	margin-left: 136px;
	color: #000;
}
section#f8 dl.g2 dd.i7{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 46px;
	
}
section#f8 dl.g2 dd.i8{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 156px;
	color: #000;
}
section#f8 dl.g3{
	background-color: #f9f9f9;
	width: 370px;
	height: 530px;
	
}
section#f8 dl.g3 img{
	padding: 303px;
	margin-left: -164px;
}
section#f8 dl.g3 dt.i11{
	color: #ff0000;
	margin-top: -619px;
	margin-left: 161px;
	font-size: 25px;
}
section#f8 dl.g3 dd.i12{
	font-size: 23px;
	margin-top: 30px;
	margin-left: 105px;
	color: #000;
}
section#f8 dl.g3 dd.i13{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 73px;
	
}
section#f8 dl.g3 dd.i14{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 156px;
	color: #000;
}
section#f8 dl.g4{
	background-color: #f9f9f9;
	width: 370px;
	height: 530px;
	
}
section#f8 dl.g4 img{
	padding: 303px;
	margin-left: -164px;
}
section#f8 dl.g4 dt.i15{
	color: #55ff7f;
	margin-top: -619px;
	margin-left: 161px;
	font-size: 25px;
}
section#f8 dl.g4 dd.i16{
	font-size: 23px;
	margin-top: 30px;
	margin-left: 109px;
	color: #000;
}
section#f8 dl.g4 dd.i17{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 99px;
	
}
section#f8 dl.g4 dd.i18{
	font-size: 18px;
	margin-top: 16px;
	margin-left: 156px;
	color: #000;
}
dl.g1,dl.g2,dl.g3,dl.g4{
	float: left;
	margin-top: 50px;
	margin-left: 12px;
}
section#f8 div.a6 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}
/* 视频 */
section#f9{
	width: 1535px;
	height: 474px;
	border: 1px solid red;
	margin: 0 auto;
}
section#f9 div.x11 p{
	
	font-size: 30px;
	margin-top: 20px;
	margin-left: 20px;
	heig ht: 100px;
	width: 200px;
	
}
section#f9 dl.tt1{
	width: 300px;
	height: 300px;
	background-color: #f9f9f9;
}
section#f9 dl.tt1 dt.box1{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_icon01.jpg) no-repeat ;
	z-index: 1;
}
section#f9 dl.tt1 dt.box2{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_play.png) no-repeat;
	z-index: 2;
	position: relative;
	top: 150px;
	
}
section#f9 dl.tt1 dt.box2:hover{
	background: url(../img/video_play01.png) no-repeat;
}
section#f9 dl.tt1 dd.cc1{
	font-size: 20px;
	color: #000;
	margin-top: 14px;
	margin-left: 21px;
}
section#f9 dl.tt1 dd.cc2{
	font-size: 18px;
	
	margin-top: 14px;
	margin-left: 21px;
}





section#f9 dl.tt2{
	width: 300px;
	height: 300px;
	background-color: #f9f9f9;
}
section#f9 dl.tt2 dt.box3{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_icon02.jpg) no-repeat ;
	z-index: 1;
}
section#f9 dl.tt2 dt.box4{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_play.png) no-repeat;
	z-index: 2;
	position: relative;
	top: 150px;
	
}
section#f9 dl.tt2 dt.box4:hover{
	background: url(../img/video_play01.png) no-repeat;
}
section#f9 dl.tt2 dd.cc3{
	font-size: 20px;
	color: #000;
	margin-top: 14px;
	margin-left: 21px;
}
section#f9 dl.tt2 dd.cc4{
	font-size: 18px;
	
	margin-top: 14px;
	margin-left: 21px;
}
 
 
 
 
 
 
 
section#f9 dl.tt3{
	width: 300px;
	height: 300px;
	background-color: #f9f9f9;
}
section#f9 dl.tt3 dt.box5{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_icon03.jpg) no-repeat ;
	z-index: 1;
}
section#f9 dl.tt3 dt.box6{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_play.png) no-repeat;
	z-index: 2;
	position: relative;
	top: 150px;
	
}
section#f9 dl.tt3 dt.box6:hover{
	background: url(../img/video_play01.png) no-repeat;
}
section#f9 dl.tt3 dd.cc5{
	font-size: 20px;
	color: #000;
	margin-top: 14px;
	margin-left: 21px;
}
section#f9 dl.tt3 dd.cc6{
	font-size: 18px;
	
	margin-top: 14px;
	margin-left: 21px;
}




section#f9 dl.tt4{
	width: 300px;
	height: 300px;
	background-color: #f9f9f9;
}
section#f9 dl.tt4 dt.box7{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_icon04.jpg) no-repeat ;
	z-index: 1;
}
section#f9 dl.tt4 dt.box8{
	width: 370px;
	height: 180px;
	position: absolute;
	background: url(../img/video_play.png) no-repeat;
	z-index: 2;
	position: relative;
	top: 150px;
	
}
section#f9 dl.tt4 dt.box8:hover{
	background: url(../img/video_play01.png) no-repeat;
}
section#f9 dl.tt4 dd.cc7{
	font-size: 20px;
	color: #000;
	margin-top: 14px;
	margin-left: 21px;
}
section#f9 dl.tt4 dd.cc8{
	font-size: 18px;
	
	margin-top: 14px;
	margin-left: 21px;
}
dl.tt1,dl.tt2,dl.tt3,dl.tt4{
	float: left;
	margin-top: 50px;
	margin-left: 70px;
}
section#f9 div.a7 dl:hover{
	filter: drop-shadow(0 0 10px #afb2bb);
}